<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Es6提供了新的数据结构Set，它类似于数组，但是成员的值都是唯一的，没有重复的值 
         Set本身是一个构造函数，用来生成Set数据结构
    -->
    <script>
        var s = new Set();
        var arr = [10,20,30,40];
        arr.forEach(x=>s.add(x));

        console.log(s);

        //Set接受一个数组作为它的参数
        var s1 = new Set([10,20,30]);
        console.log(s1);

        //可以利用它来去除数组中重复的成员
        var arr1 = [10,20,20,304,30];
        var s2 = new Set(arr1);
        //Set也可以使用扩展运算符
        console.log([...s2]);

        //Set接受一个字符串作为它的参数
        console.log([...new Set("abcabcddff")].join(''));

        //Size属性：返回Set实例的成员总数
        console.log(s2.size);


    </script>
</body>
</html>